import  request  from '../../utils/request'
// pages/center/center.js
let startY = 0 
Page({

  /**
   * 页面的初始数据
   */
  data: {
      translateY:'', //手指拉图片Y轴滑动的距离
      transition:'', //过渡
      userInfo:{}, //保存用户信息
      recentList:[]  //最近播放图片列表
  },
 
  //处理覆盖盒子向下拖拽回弹的效果
  handlerStart(event){
    //手指按下拿到手指的起始位置
    // console.log(event.changedTouches);
       startY = event.changedTouches[0].clientY
       //清空原来的过渡
       this.setData({
        transition:''
       })
  },

  handlerMove(event){
    //手指移动拿到手指结束的位置
    let endY = event.changedTouches[0].clientY
    let disY = endY -  startY

    if(disY<0){
      disY = 0
    }else if(disY>300){
      disY = 300
    }

    this.setData({
       translateY:disY + 'rpx'
    })
  },

  handlerEnd(){
    this.setData({
      translateY:0,
      //设置过渡
      transition:'transform 2s'
   })
  },

    //点击头像去往登录页
    toLogin(){
      wx.navigateTo({
        url: '/pages/login/login',
      })
    },

    // 获取用户的播放记录   /user/record?uid=32953014&type=1
   async getRecentList(){
        const result = await request('/user/record',{uid:this.data.userInfo.userId,type:0})
        if(result.code === 200){
          // console.log(result)
          this.setData({
            recentList:result.allData.slice(0,15).map(item=>{
                return {
                   id:item.song.id,
                   songImg:item.song.al.picUrl
                }
            })
          })
        }
    },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
        //小程序里面存储Storage不需要把对象转化为json串
        let userInfo = wx.getStorageSync('userInfo_key')
        this.setData({
          userInfo
        })                                                                                                                  
        // 判断用户是否登录了，登录了就发请求获取用户的播放记录
      if(userInfo.nickname){
      this.getRecentList()
    }
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})